﻿<UserControl
	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	xmlns:d="http://schemas.microsoft.com/expression/blend/2006" 
	xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d"
	xmlns:ea="clr-namespace:EAppointmentsWPF"
	x:Class="EAppointmentsWPF.TimelineWeek"
	Width="Auto" Height="Auto" x:Name="TimelineWeek1" Loaded="TimelineWeek1_Loaded">
	<UserControl.Resources>
	<ResourceDictionary>
		<ResourceDictionary.MergedDictionaries>
	                <ResourceDictionary Source="..\Resources\ControlStyles\GlyphStyles.xaml"/>
       </ResourceDictionary.MergedDictionaries>
	
	
		
		<Style x:Key="TimelineLableTextBlock" TargetType="{x:Type TextBlock}">
			<Setter Property="TextAlignment" Value="Center" />
			<Setter Property="FontSize" Value="13" />
			<Setter Property="Foreground" Value="#6699CC" />
			<Setter Property="Margin" Value="0,5" />
		</Style>
	</ResourceDictionary>
	</UserControl.Resources>
	
	
	<Grid Background="#FFF0F8FF" Width="Auto" Height="Auto">
	
	
		<Grid  x:Name="TimelineViewGrid" Grid.ColumnSpan="1" Margin="0,0,0,0">
			<Grid.RowDefinitions>

				<RowDefinition Height="*"/>
				<RowDefinition Height="40"/>
			</Grid.RowDefinitions>
			<ContentControl x:Name="GlyphyKeyContentControl" Template="{StaticResource GlyphKeyTemplate}" Grid.Row="1"   />
			<Rectangle Fill="aliceblue" Stroke="#99ccff" Grid.Row="0" Grid.RowSpan="1"  Margin="0,0,0,0"  />
			<ScrollViewer  VerticalAlignment="Stretch" Margin="2" Height="Auto" Grid.Row="0" Grid.RowSpan="1" Grid.Column="0" Grid.ColumnSpan="2" x:Name="ScrollViewer" HorizontalScrollBarVisibility="Auto">
				<Grid Height="Auto">
					<Grid Height="34" Margin="0,2,-3,0" VerticalAlignment="Top" Width="602">
						<Grid Width="70" HorizontalAlignment="Left">
							<Rectangle Opacity="0.5"  Fill="#99ccff" />
							<TextBlock Text="Time" Style="{StaticResource TimelineLableTextBlock}" Margin="0,8,0,2" />
						</Grid>
						<Grid Width="71" HorizontalAlignment="Left" Margin="74,0,0,0">
							<Rectangle Opacity="0.5"  Fill="#99ccff" />
							<TextBlock Text="MON" Style="{StaticResource TimelineLableTextBlock}" Margin="0,1,0,0" VerticalAlignment="Top" Height="16" />
							<TextBlock Text="" Style="{StaticResource TimelineLableTextBlock}" Margin="0,16,0,2" x:Name="txtMonDate" />
						</Grid>
						<Grid Width="71" HorizontalAlignment="Left" Margin="150,0,0,0">
							<Rectangle Opacity="0.5"  Fill="#99ccff" />
							<TextBlock Text="TUE" Style="{StaticResource TimelineLableTextBlock}" Margin="0,1,0,0" VerticalAlignment="Top" Height="16" />
							<TextBlock Text="" Style="{StaticResource TimelineLableTextBlock}" Margin="0,16,0,2" x:Name="txtTueDate" />
						</Grid>
						<Grid d:LayoutOverrides="HorizontalAlignment" Margin="225.72,0,305.28,0" Width="71">
							<Rectangle Opacity="0.5"  Fill="#99ccff" />
							<TextBlock Text="WED" Style="{StaticResource TimelineLableTextBlock}" Margin="-1,1,1,0" VerticalAlignment="Top" Height="16" />
							<TextBlock Text="" Style="{StaticResource TimelineLableTextBlock}" Margin="0,16,0,2" x:Name="txtWedDate" />
						</Grid>
						<Grid Margin="300.44,0,230.56,0">
							<Rectangle Opacity="0.5"  Fill="#99ccff" />
							<TextBlock Text="THU" Style="{StaticResource TimelineLableTextBlock}" Margin="0,1,0,0" VerticalAlignment="Top" Height="16" />
							<TextBlock Text="" Style="{StaticResource TimelineLableTextBlock}" Margin="0,16,0,2" x:Name="txtThuDate" />
						</Grid>
						<Grid Width="71" HorizontalAlignment="Right" Margin="0,0,155.56,0">
							<Rectangle Opacity="0.5"  Fill="#99ccff" />
							<TextBlock Text="FRI" Style="{StaticResource TimelineLableTextBlock}" Margin="0,1,0,0" VerticalAlignment="Top" Height="16" />
							<TextBlock Text="" Style="{StaticResource TimelineLableTextBlock}" Margin="0,16,0,2" x:Name="txtFriDate" />
						</Grid>
						<Grid Width="71" HorizontalAlignment="Right" Margin="0,0,80,0">
							<Rectangle Opacity="0.5"  Fill="#99ccff" />
							<TextBlock Text="SAT" Style="{StaticResource TimelineLableTextBlock}" Margin="0,1,0,0" VerticalAlignment="Top" Height="16" />
							<TextBlock Text="" Style="{StaticResource TimelineLableTextBlock}" Margin="0,16,0,2" x:Name="txtSatDate" />
						</Grid>
						<Grid Width="71" HorizontalAlignment="Right" Margin="0,0,4,0">
							<Rectangle Opacity="0.5"  Fill="#99ccff" />
							<TextBlock Text="SUN" Style="{StaticResource TimelineLableTextBlock}" Margin="0,1,0,0" VerticalAlignment="Top" Height="16" />
							<TextBlock Text="" Style="{StaticResource TimelineLableTextBlock}" Margin="0,16,0,2" x:Name="txtSunDate" />
						</Grid>
						<Rectangle Fill="#FF99CCFF" Stroke="{x:Null}" StrokeThickness="0" Width="2" HorizontalAlignment="Left" Margin="70,0,0,0"/>
						<Rectangle Fill="#FF99CCFF" Stroke="{x:Null}" StrokeThickness="0" Width="2" RenderTransformOrigin="0.5,0.5" HorizontalAlignment="Left" Margin="147,0,0,0">
							<Rectangle.RenderTransform>
								<TransformGroup>
									<ScaleTransform ScaleX="1" ScaleY="1"/>
									<SkewTransform AngleX="0" AngleY="0"/>
									<RotateTransform Angle="0"/>
									<TranslateTransform X="0" Y="0"/>
								</TransformGroup>
							</Rectangle.RenderTransform>
						</Rectangle>
						<Rectangle Fill="#FF99CCFF" Stroke="{x:Null}" StrokeThickness="0" Width="2" RenderTransformOrigin="0.5,0.5" HorizontalAlignment="Left" Margin="223,0,0,0">
							<Rectangle.RenderTransform>
								<TransformGroup>
									<ScaleTransform ScaleX="1" ScaleY="1"/>
									<SkewTransform AngleX="0" AngleY="0"/>
									<RotateTransform Angle="0"/>
									<TranslateTransform X="0" Y="0"/>
								</TransformGroup>
							</Rectangle.RenderTransform>
						</Rectangle>
						<Rectangle Fill="#FF99CCFF" Stroke="{x:Null}" StrokeThickness="0" Width="2" RenderTransformOrigin="0.5,0.5" HorizontalAlignment="Left" Margin="298,0,0,0">
							<Rectangle.RenderTransform>
								<TransformGroup>
									<ScaleTransform ScaleX="1" ScaleY="1"/>
									<SkewTransform AngleX="0" AngleY="0"/>
									<RotateTransform Angle="0"/>
									<TranslateTransform X="0" Y="0"/>
								</TransformGroup>
							</Rectangle.RenderTransform>
						</Rectangle>
						<Rectangle Fill="#FF99CCFF" Stroke="{x:Null}" StrokeThickness="0" Width="2" RenderTransformOrigin="0.5,0.5" HorizontalAlignment="Right" Margin="0,0,227,0">
							<Rectangle.RenderTransform>
								<TransformGroup>
									<ScaleTransform ScaleX="1" ScaleY="1"/>
									<SkewTransform AngleX="0" AngleY="0"/>
									<RotateTransform Angle="0"/>
									<TranslateTransform X="0" Y="0"/>
								</TransformGroup>
							</Rectangle.RenderTransform>
						</Rectangle>
						<Rectangle Fill="#FF99CCFF" Stroke="{x:Null}" StrokeThickness="0" Width="2" RenderTransformOrigin="0.5,0.5" HorizontalAlignment="Right" Margin="0,0,152,0">
							<Rectangle.RenderTransform>
								<TransformGroup>
									<ScaleTransform ScaleX="1" ScaleY="1"/>
									<SkewTransform AngleX="0" AngleY="0"/>
									<RotateTransform Angle="0"/>
									<TranslateTransform X="0" Y="0"/>
								</TransformGroup>
							</Rectangle.RenderTransform>
						</Rectangle>
						<Rectangle Fill="#FF99CCFF" Stroke="{x:Null}" StrokeThickness="0" Width="2" RenderTransformOrigin="0.5,0.5" HorizontalAlignment="Right" Margin="0,0,76,0">
							<Rectangle.RenderTransform>
								<TransformGroup>
									<ScaleTransform ScaleX="1" ScaleY="1"/>
									<SkewTransform AngleX="0" AngleY="0"/>
									<RotateTransform Angle="0"/>
									<TranslateTransform X="0" Y="0"/>
								</TransformGroup>
							</Rectangle.RenderTransform>
						</Rectangle>
					</Grid> 
				<!-- ======= -->
				<Grid  ClipToBounds="False" Width="Auto" Height="648" Margin="0,35,0,0">
					<Grid.Resources>
						<Style x:Key="TimelineLableTextBlock" TargetType="{x:Type TextBlock}">
							<Setter Property="TextAlignment" Value="Center" />
							<Setter Property="FontSize" Value="13" />
							<Setter Property="Foreground" Value="#6699CC" />
							<Setter Property="Margin" Value="0,5" />
						</Style>
					</Grid.Resources>

					<StackPanel Orientation="Horizontal" ClipToBounds="False">
						<StackPanel Width="70" x:Name="timelineLabel" ClipToBounds="False">
							<Grid Width="70" Height="27">
								<Rectangle Opacity="0.5"  Fill="#99ccff" />
								<TextBlock Text="12:00 a.m." Style="{StaticResource TimelineLableTextBlock}" />
							</Grid>
							<Grid Width="70" Height="27">
								<Rectangle Opacity="0.5"  Fill="#99ccff" />
								<TextBlock Text="1:00 a.m." Style="{StaticResource TimelineLableTextBlock}" />
							</Grid>
							<Grid Width="70" Height="27">
								<Rectangle Opacity="0.5"  Fill="#99ccff" />
								<TextBlock Text="2:00 a.m." Style="{StaticResource TimelineLableTextBlock}" />
							</Grid>
							<Grid Width="70" Height="27">
								<Rectangle Opacity="0.5"  Fill="#99ccff" />
								<TextBlock Text="3:00 a.m." Style="{StaticResource TimelineLableTextBlock}" />
							</Grid>
							<Grid Width="70" Height="27">
								<Rectangle Opacity="0.5"  Fill="#99ccff" />
								<TextBlock Text="4:00 a.m." Style="{StaticResource TimelineLableTextBlock}" />
							</Grid>
							<Grid Width="70" Height="27">
								<Rectangle Opacity="0.5"  Fill="#99ccff" />
								<TextBlock Text="5:00 a.m." Style="{StaticResource TimelineLableTextBlock}" />
							</Grid>
							<Grid Width="70" Height="27">
								<Rectangle Opacity="0.5"  Fill="#99ccff" />
								<TextBlock Text="6:00 a.m." Style="{StaticResource TimelineLableTextBlock}" />
							</Grid>
							<Grid Width="70" Height="27">
								<Rectangle Opacity="0.5"  Fill="#99ccff" />
								<TextBlock Text="7:00 a.m." Style="{StaticResource TimelineLableTextBlock}" />
							</Grid>
							<Grid Width="70" Height="27">
								<Rectangle Opacity="0.5"  Fill="#99ccff" />
								<TextBlock Text="8:00 a.m." Style="{StaticResource TimelineLableTextBlock}" />
							</Grid>
							<Grid ClipToBounds="False" Height="27">
								<Rectangle Opacity="0.5"  Fill="#99ccff" />
								<TextBlock Text="9:00 a.m." Style="{StaticResource TimelineLableTextBlock}"/>
							</Grid>
							<Grid Height="27">
								<Rectangle Opacity="0.5"  Fill="#99ccff" />
								<TextBlock Text="10:00 a.m." Style="{StaticResource TimelineLableTextBlock}"/>
							</Grid>
							<Grid Height="27">
								<Rectangle Opacity="0.5"  Fill="#99ccff" />
								<TextBlock Text="11:00 a.m." Style="{StaticResource TimelineLableTextBlock}"/>
							</Grid>
							<Grid Height="27">
								<Rectangle Opacity="0.5"  Fill="#99ccff" />
								<TextBlock Text="12:00 p.m." Style="{StaticResource TimelineLableTextBlock}" />
							</Grid>
							<Grid Height="27">
								<Rectangle Opacity="0.5"  Fill="#99ccff" />
								<TextBlock Text="1:00 p.m." Style="{StaticResource TimelineLableTextBlock}" />
							</Grid>
							<Grid Height="27">
								<Rectangle Opacity="0.5"  Fill="#99ccff" />
								<TextBlock Text="2:00 p.m." Style="{StaticResource TimelineLableTextBlock}" />
							</Grid>
							<Grid Height="27">
								<Rectangle Opacity="0.5"  Fill="#99ccff" />
								<TextBlock Text="3:00 p.m." Style="{StaticResource TimelineLableTextBlock}" />
							</Grid>
							<Grid Height="27">
								<Rectangle Opacity="0.5"  Fill="#99ccff" />
								<TextBlock Text="4:00 p.m." Style="{StaticResource TimelineLableTextBlock}" />
							</Grid>
							<Grid Height="27">
								<Rectangle Opacity="0.5"  Fill="#99ccff" />
								<TextBlock Text="5:00 p.m." Style="{StaticResource TimelineLableTextBlock}" />
							</Grid>
							<Grid Height="27">
								<Rectangle Opacity="0.5"  Fill="#99ccff" />
								<TextBlock Text="6:00 p.m." Style="{StaticResource TimelineLableTextBlock}" />
							</Grid>
							<Grid Height="27">
								<Rectangle Opacity="0.5"  Fill="#99ccff" />
								<TextBlock Text="7:00 p.m." Style="{StaticResource TimelineLableTextBlock}" />
							</Grid>
							<Grid Height="27">
								<Rectangle Opacity="0.5"  Fill="#99ccff" />
								<TextBlock Text="8:00 p.m." Style="{StaticResource TimelineLableTextBlock}" />
							</Grid>
							<Grid Height="27">
								<Rectangle Opacity="0.5"  Fill="#99ccff" />
								<TextBlock Text="9:00 p.m." Style="{StaticResource TimelineLableTextBlock}" />
							</Grid>
							<Grid Width="70" Height="27">
								<Rectangle Opacity="0.5"  Fill="#99ccff" />
								<TextBlock Text="10:00 p.m." Style="{StaticResource TimelineLableTextBlock}" />
							</Grid>
							<Grid Width="70" Height="27">
								<Rectangle Opacity="0.5"  Fill="#99ccff" />
								<TextBlock Text="11:00 p.m." Style="{StaticResource TimelineLableTextBlock}" />
							</Grid>
						</StackPanel>
						<Grid Width="532" Height="648">
							<StackPanel x:Name="TimelineGrid" Opacity="1" Background="AliceBlue">
								<Border BorderBrush="#99ccff" BorderThickness="0,0,0,2" Height="27" >
									<Grid>
										<Rectangle Fill="#99ccff" Height="1" VerticalAlignment="Center" Opacity="0.5" />
									</Grid>
								</Border>
								<Border BorderBrush="#99ccff" BorderThickness="0,0,0,2" Height="27" >
									<Grid>
										<Rectangle Fill="#99ccff" Height="1" VerticalAlignment="Center" Opacity="0.5" />
									</Grid>
								</Border>
								<Border BorderBrush="#99ccff" BorderThickness="0,0,0,2" Height="27" >
									<Grid>
										<Rectangle Fill="#99ccff" Height="1" VerticalAlignment="Center" Opacity="0.5" />
									</Grid>
								</Border>
								<Border BorderBrush="#99ccff" BorderThickness="0,0,0,2" Height="27" >
									<Grid>
										<Rectangle Fill="#99ccff" Height="1" VerticalAlignment="Center" Opacity="0.5" />
									</Grid>
								</Border>
								<Border BorderBrush="#99ccff" BorderThickness="0,0,0,2" Height="27" >
									<Grid>
										<Rectangle Fill="#99ccff" Height="1" VerticalAlignment="Center" Opacity="0.5" />
									</Grid>
								</Border>
								<Border BorderBrush="#99ccff" BorderThickness="0,0,0,2" Height="27" >
									<Grid>
										<Rectangle Fill="#99ccff" Height="1" VerticalAlignment="Center" Opacity="0.5" />
									</Grid>
								</Border>
								<Border BorderBrush="#99ccff" BorderThickness="0,0,0,2" Height="27" >
									<Grid>
										<Rectangle Fill="#99ccff" Height="1" VerticalAlignment="Center" Opacity="0.5" />
									</Grid>
								</Border>
								<Border BorderBrush="#99ccff" BorderThickness="0,0,0,2" Height="27" >
									<Grid>
										<Rectangle Fill="#99ccff" Height="1" VerticalAlignment="Center" Opacity="0.5" />
									</Grid>
								</Border>
								<Border BorderBrush="#99ccff" BorderThickness="0,0,0,2" Height="27" >
									<Grid>
										<Rectangle Fill="#99ccff" Height="1" VerticalAlignment="Center" Opacity="0.5" />
									</Grid>
								</Border>
								<Border BorderBrush="#99ccff" BorderThickness="0,0,0,2" Height="27" >
									<Grid>
										<Rectangle Fill="#99ccff" Height="1" VerticalAlignment="Center" Opacity="0.5" />
									</Grid>
								</Border>
								<Border BorderBrush="#99ccff" BorderThickness="0,0,0,2" Height="27" >
									<Grid>
										<Rectangle Fill="#99ccff" Height="1" VerticalAlignment="Center" Opacity="0.5" />
									</Grid>
								</Border>
								<Border BorderBrush="#99ccff" BorderThickness="0,0,0,2" Height="27" >
									<Grid>
										<Rectangle Fill="#99ccff" Height="1" VerticalAlignment="Center" Opacity="0.5" />
									</Grid>
								</Border>
								<Border BorderBrush="#99ccff" BorderThickness="0,0,0,2" Height="27" Width="Auto" >
									<Grid>
										<Rectangle Fill="#99ccff" Height="1" VerticalAlignment="Center" Opacity="0.5" />
									</Grid>
								</Border>
								<Border BorderBrush="#99ccff" BorderThickness="0,0,0,2" Height="27" Width="Auto" >
									<Grid>
										<Rectangle Fill="#99ccff" Height="1" VerticalAlignment="Center" Opacity="0.5" />
									</Grid>
								</Border>
								<Border BorderBrush="#99ccff" BorderThickness="0,0,0,2" Height="27" Width="Auto" >
									<Grid>
										<Rectangle Fill="#99ccff" Height="1" VerticalAlignment="Center" Opacity="0.5" />
									</Grid>
								</Border>
								<Border BorderBrush="#99ccff" BorderThickness="0,0,0,2" Height="27" Width="Auto" >
									<Grid>
										<Rectangle Fill="#99ccff" Height="1" VerticalAlignment="Center" Opacity="0.5" />
									</Grid>
								</Border>
								<Border BorderBrush="#99ccff" BorderThickness="0,0,0,2" Height="27" Width="Auto" >
									<Grid>
										<Rectangle Fill="#99ccff" Height="1" VerticalAlignment="Center" Opacity="0.5" />
									</Grid>
								</Border>
								<Border BorderBrush="#99ccff" BorderThickness="0,0,0,2" Height="27" Width="Auto" >
									<Grid>
										<Rectangle Fill="#99ccff" Height="1" VerticalAlignment="Center" Opacity="0.5" />
									</Grid>
								</Border>
								<Border BorderBrush="#99ccff" BorderThickness="0,0,0,2" Height="27" Width="Auto" >
									<Grid>
										<Rectangle Fill="#99ccff" Height="1" VerticalAlignment="Center" Opacity="0.5" />
									</Grid>
								</Border>
								<Border BorderBrush="#99ccff" BorderThickness="0,0,0,2" Height="27" Width="Auto" >
									<Grid>
										<Rectangle Fill="#99ccff" Height="1" VerticalAlignment="Center" Opacity="0.5" />
									</Grid>
								</Border>
								<Border BorderBrush="#99ccff" BorderThickness="0,0,0,2" Height="27" Width="Auto" >
									<Grid>
										<Rectangle Fill="#99ccff" Height="1" VerticalAlignment="Center" Opacity="0.5" />
									</Grid>
								</Border>
								<Border BorderBrush="#99ccff" BorderThickness="0,0,0,2" Height="27" Width="Auto" >
									<Grid>
										<Rectangle Fill="#99ccff" Height="1" VerticalAlignment="Center" Opacity="0.5" />
									</Grid>
								</Border>
								<Border BorderBrush="#99ccff" BorderThickness="0,0,0,2" Height="27" Width="Auto" >
									<Grid>
										<Rectangle Fill="#99ccff" Height="1" VerticalAlignment="Center" Opacity="0.5" />
									</Grid>
								</Border>
								<Border BorderBrush="#99ccff" BorderThickness="0,0,0,2" Height="27" Width="Auto" >
									<Grid>
										<Rectangle Fill="#99ccff" Height="1" VerticalAlignment="Center" Opacity="0.5" />
									</Grid>
								</Border>
							</StackPanel>
							<Canvas Background="{x:Null}" x:Name="Canvas1"/>
							<Rectangle Fill="#FF99CCFF" Stroke="{x:Null}" StrokeThickness="0" HorizontalAlignment="Left" Margin="79,0,0,0" VerticalAlignment="Bottom" Width="2" Height="648"/>
							<Rectangle Fill="#FF99CCFF" Stroke="{x:Null}" StrokeThickness="0" Width="2" Height="Auto" HorizontalAlignment="Left" Margin="154,0,0,0"/>
							<Rectangle Fill="#FF99CCFF" Stroke="{x:Null}" StrokeThickness="0" Width="2" Height="Auto" HorizontalAlignment="Left" Margin="229,0,0,0"/>
							<Rectangle Fill="#FF99CCFF" Stroke="{x:Null}" StrokeThickness="0" Width="2" Height="Auto" HorizontalAlignment="Right" Margin="0,0,225,0"/>
							<Rectangle Fill="#FF99CCFF" Stroke="{x:Null}" StrokeThickness="0" Width="2" Height="Auto" HorizontalAlignment="Right" Margin="0,0,151,0"/>
							<Rectangle Fill="#FF99CCFF" Stroke="{x:Null}" StrokeThickness="0" Width="2" Height="Auto" HorizontalAlignment="Right" Margin="0,0,74,0"/>
						</Grid>
					</StackPanel>
				</Grid>
			</Grid>
			</ScrollViewer>
		</Grid>
		<TextBox Visibility="Hidden" HorizontalAlignment="Left" Margin="129,205,0,0" x:Name="txtBox" VerticalAlignment="Top" Width="138" Height="39" Text="" TextWrapping="Wrap" TextChanged="txtBox_TextChanged" d:IsHidden="True"/>
		
	</Grid>
	 </UserControl>